<?php

/**
 * Vue de la fonctionnalité "Générer les opérations sur une famille de produits"
 *
 */

//no direct access
defined('_JEXEC') or die('Restricted access.');

?>

<!-- librairies dhtmlx -->
<head>
	<script src="<?php echo URL_LIB_DHTMLX_AJAX_CODEBASE?>/dhtmlxcommon.js"></script>
	<link rel="stylesheet" type="text/css" href="<?php echo URL_LIB_DHTMLX_GRID_CODEBASE?>/dhtmlxgrid.css"/>
	<script src="<?php echo URL_LIB_DHTMLX_GRID_CODEBASE?>/dhtmlxgrid.js"></script>
        <link rel="stylesheet" type="text/css" href="<?php echo URL_LIB_DHTMLX_CALENDAR_CODEBASE?>/dhtmlxcalendar.css"/>
	<script src="<?php echo URL_LIB_DHTMLX_CALENDAR_CODEBASE?>/dhtmlxcalendar.js"></script>
	<script src="<?php echo URL_CUSTOM_JS_LIB?>/helper.js"></script>
        <script src="<?php echo URL_CUSTOM_OPERATIONS?>/view.js"></script>       
</head>

<body onload = "afterLoading();">
	
    <script>
            var ajaxCallbackFunction = "<?php echo (URL_AJAX_CALLBACK_FUNCTION)?>";
            var parentDivId = "s5_component_wrap";
            var dateDuJour = new Date();
            var gridImgsPath = "<?php echo (URL_LIB_DHTMLX_GRID_CODEBASE)?>/imgs/";
            var listeMois = ['01','02','03','04','05','05', '07', '08', '09', '10', '11', '12'];
            var listeAnnees = [dateDuJour.getFullYear(), dateDuJour.getFullYear() + 1, dateDuJour.getFullYear() + 2];
            var distributionGrid;
            beforeLoading();
    </script>


    <!-- Formulaire -->

    <h1>Générer une opération</h1><br>

    <!-- Remplissage de la liste des familles de produit -->
    <p style="width:300px;">Choisir une famille de produits :</p><p style="width:300px;">Opérations existantes dans cette famille :</p>
    <select id="lstFamillesProduits" name="lstFamillesProduits" style="width:300px;height:180px;" size="10" onchange="lstFamillesProduitsChange(lstFamillesProduits);"></select>	
    <select id="lstOperationsExistantes" name="lstOperationsExistantes" style="width:300px;height:180px;" size="10"></select>	
    <script>remplirListe(document.getElementById("lstFamillesProduits"), <?php echo json_encode(AmapHelper::getProductsFamilies());?>);</script><br><br>

    <h3>Libellé de l'opération : <textarea id="txtLibelleOperation" rows ="2" style="width:300px;">Opération ...</textarea></h3>
    <h3>Code de l'opération : 

        <input id="txtCodeFamilleProduit" type="Text" value="[Code]" disabled="disabled" style="width:80px;"><b>_</b>
        <select id="lstMoisDebut" name="lstMoisDebut" style="width:60px;"></select><b>-</b>
        <script>remplirListe(document.getElementById("lstMoisDebut"), listeMois, 0);</script>
        <select id="lstAnneeDebut" name="lstAnneeDebut" style="width:70px;"></select><b>:</b>
        <script>remplirListe(document.getElementById("lstAnneeDebut"), listeAnnees, 0);</script>
        <select id="lstMoisFin" name="lstMoisFin" style="width:60px;"></select><b>-</b>
        <script>remplirListe(document.getElementById("lstMoisFin"), listeMois, 5);</script>
        <select id="lstAnneeFin" name="lstAnneeFin" style="width:70px;"></select>
        <script>remplirListe(document.getElementById("lstAnneeFin"), listeAnnees, 0);</script>
     </h3>  

    <h3>Date de fin de souscription à l'opération : <input id="txtDateFinSouscription" type="Text" style="width:100px;" readonly></h3><br>

    <div id="divDistributions" style="height:200px; width:250px; display:inline;">
        <div id="distributiongridbox" style="height:200px; width:200px;"></div>        
        <script>distributionGrid = createDistributionGrid();</script>
        <a href="javascript:addRow(distributionGrid)">Ajouter une date de distribution</a><br>
        <a href="javascript:deleteRow(distributionGrid)">Supprimer la distribution sélectionnée</a><br><br>
    </div>
        
    <!-- Paiements multiples -->
    <div id="divPaimentsMultiples" style="height:200px; width:300px; display:inline;">
        <p><input id="cbCheque1" type="checkbox" checked> Chèque N°1 : <input id="txtCheque1" name="txtCheque1" type="Text" style="width:100px;" readonly></p><br>
        <p><input id="cbCheque2" type="checkbox"> Chèque N°2 : <input id="txtCheque2" type="Text" name="txtCheque2" style="width:100px;" readonly></p><br>
        <p><input id="cbCheque3" type="checkbox"> Chèque N°3 : <input id="txtCheque3" type="Text" name="txtCheque3" style="width:100px;" readonly></p><br>
    </div>

    <button onclick="creerOperation()">Créer l'opération</button>
    
</body>